<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>五线谱模式</title>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/McJsBridge.js"></script>
    <script type="text/javascript" src="js/McScoreKeeper.js"></script>
    <script type="text/javascript" src="js/McScore.js"></script>
    <script type="text/javascript" src="js/score.js"></script>
    <link rel="stylesheet" href="css/main.css?v=16"/>

    <script src="https://cdn09.ehaier.com/shunguang/H5/www/lib/eruda.js"></script>
        <script>eruda.init();</script>
</head>
<body class="mode_stave">
<div class="loading">
<!--    <div>-->
<!--        <div class="wrap">-->
<!--            <div class="flower"></div>-->
<!--            <div class="bee"></div>-->
<!--            <div class="msg">加载中...</div>-->
<!--        </div>-->
<!--    </div>-->
    <img src="img/loading.gif" class="loading-bar">
</div>


<div class="toolbar" >
    <div class="panel_speed">
        <span class="speed">曲谱速度<br/><span id="bpm"></span></span>
        <span class="reduce" id="bpmReduce"></span>
        <span class="range"><input id="bpmRange" type="range" value="120" min="30" max="260" step="1" /></span>
        <span class="raise" id="bpmRaise"></span>
    </div>
</div>


<div class="score">
    <div id="cd" class="cd"></div>
    <div id="mask" class="bg_mask"></div>
    <div id="score"></div>
</div>


</body>
</html>
